자바스크립트 패턴 매칭: 구조적 디스트럭처링과 가드

            
const coordinate = [40.7128, -74.0060]; // New York City

const [latitude, longitude] = coordinate;

console.log(latitude);  // Output: 40.7128
console.log(longitude); // Output: -74.0060

            

              
                Copy
              
            
          

            
const colors = ['red', 'green', 'blue', 'yellow', 'purple'];

const [first, second, ...rest] = colors;

console.log(first);   // Output: red
console.log(second);  // Output: green
console.log(rest);    // Output: ['blue', 'yellow', 'purple']

            

              
                Copy
              
            
          

            
const user = {
  id: 123,
  name: 'Alice Smith',
  location: { city: 'London', country: 'UK' },
  email: 'alice.smith@example.com'
};

const { name, location: { city, country }, email } = user;

console.log(name);     // Output: Alice Smith
console.log(city);     // Output: London
console.log(country);  // Output: UK
console.log(email);    // Output: alice.smith@example.com

            

              
                Copy
              
            
          

            
const product = {
  name: 'Laptop',
  price: 1200
};

const { name, price, description = 'No description available' } = product;

console.log(name);        // Output: Laptop
console.log(price);       // Output: 1200
console.log(description); // Output: No description available

            

              
                Copy
              
            
          

            
function processOrder(order) {
  const { customer, items, shippingAddress } = order;

  if (!customer) {
    return 'Error: Customer information is missing.';
  }

  if (!items || items.length === 0) {
    return 'Error: No items in the order.';
  }

  // ... process the order
  return 'Order processed successfully.';
}

            

              
                Copy
              
            
          

            
function isValidEmail(email) {
  // Basic email validation (for demonstration purposes only)
  return /^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(email);
}

function processUser(user) {
  const { name, email } = user;

  if (!name) {
    return 'Error: Name is required.';
  }

  if (!email || !isValidEmail(email)) {
    return 'Error: Invalid email address.';
  }

  // ... process the user
  return 'User processed successfully.';
}

            

              
                Copy
              
            
          

            
async function fetchData(url) {
  try {
    const response = await fetch(url);
    const data = await response.json();

    if (data.status === 'success') {
      const { status, data: payload } = data;
      console.log('Data:', payload); // Process the data
      return payload;
    } else if (data.status === 'error') {
      const { status, error } = data;
      console.error('Error:', error.message); // Handle the error
      throw new Error(error.message);
    } else {
      console.error('Unexpected response format:', data);
      throw new Error('Unexpected response format');
    }
  } catch (err) {
    console.error('Fetch error:', err);
    throw err;
  }
}

// Example usage (replace with a real API endpoint)
//fetchData('https://api.example.com/data')
//  .then(data => console.log('Received data:', data))
//  .catch(err => console.error('Failed to fetch data:', err));

            

              
                Copy
              
            
          

            
function processCommand(command) {
  const [action, ...args] = command.split(' ');

  switch (action) {
    case 'CREATE':
      const [type, name] = args;
      console.log(`Creating ${type} with name ${name}`);
      break;
    case 'DELETE':
      const [id] = args;
      console.log(`Deleting item with ID ${id}`);
      break;
    case 'UPDATE':
      const [id, property, value] = args;
      console.log(`Updating item with ID ${id}, property ${property} to ${value}`);
      break;
    default:
      console.log(`Unknown command: ${action}`);
  }
}

processCommand('CREATE user John');
processCommand('DELETE 123');
processCommand('UPDATE 456 name Jane');
processCommand('INVALID_COMMAND');

            

              
                Copy
              
            
          

            
function createServer(config) {
  const { port = 8080, host = 'localhost', timeout = 30 } = config;

  console.log(`Starting server on ${host}:${port} with timeout ${timeout} seconds.`);
  // ... server creation logic
}

createServer({}); // Uses default values
createServer({ port: 9000 }); // Overrides port
createServer({ host: 'api.example.com', timeout: 60 }); // Overrides host and timeout

            

              
                Copy